/* global */
body{margin:0;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
*{ font-size:12px;font-family:consolas; }
.clear{width:0;height:0;clear:both;}


/* header */

.bgimg{ display:none;position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:-100; }
.bgcopyright{ position:absolute;right:0px;bottom:0px;z-index:-99;text-align:center;font-size:4px;color:#666; }
.header{ width:976px;margin:0 auto 0 auto; }
.header-banner{ width:100%;height:100px;background:url(headerbg-line.png) repeat-y; }
.header-navi{ width:100%;height:84px;background:url(headerbg.png) no-repeat; }
.navi-bar{ width:90%;height:40px;margin:0 auto 0 auto;padding-top:2px;  }
.navi-bar .divider{display:block;margin-top:5px;float:left;width:2px;height:90%;background:url(divider.gif) repeat-y;}
.navi-item{ display:block;float:left;width:150px;height:100%;color:white;margin-left:20px; }
.navi-item:hover{ text-decoration: none; color:skyblue; }
.navi-item .title{ font-size:22px;font-weight:bold; }
.navi-item .subtitle{ font-size:14px;font-weight:bold;border-left:2px gray solid;margin-left:2px;padding-left:4px;color:gray; }

.statusbar{ width:90%;margin:20px auto 0 auto; }
.member-panel{ float:left;width:60%; }
.language-panel{ float:right;width:40%;text-align:right; }
.statusbar *{ font-size:14px;color:#333; }
.member-panel a img{ margin-top:10px;  }

/* footer */

.footer-index{ position:absolute;bottom:0px;left:0px;width:100%; }
.footer-index{ position:absolute;bottom:0px;left:0px;width:100%; }
.footer{ margin-top:20px; }
.footer{ color:black;font-size:12px;text-align:center; }
/* index */
.fpbar-wrapper{ position:absolute;left:0px;top:50%;width:100%;height:110px;margin-top:-55px;background:rgba(255, 255, 255, 0.3) no-repeat !important; }
.fpbar{ width:400px;height:100%;margin:0 auto 0 auto; }
.fpbar .logo{ float:left;width:110px;height:100%;background:url(logo-uaca.png) no-repeat; }
.fpbar .brand{ float:left;width:290px;height:100%; }
.fpbar .brand .title{ font-size:64px;font-weight:bold;margin-top:-12px; }
.fpbar .brand .subtitle{ font-size:22px;font-weight:bold;margin-top:-12px;margin-left:4px;color:#333; }

/* global */

ul.body-wrapper {
	width:980px;
	height:auto;
	margin: 20px auto;
	padding: 0;
	clear: both;
	overflow: hidden; 
}

ul.body-wrapper li {
	list-style-type: none;
	margin:20px 10px;
	padding: 0;
	width: 300px;
	height: 220px;
	border: 2px solid #efefef;
	position: relative;
	float: left;
	background: #ffffff; /* old browsers */
	line-height:220px;
	font-size:32px;
	text-align:center;
	
	
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.1) inset; 
	-o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.1) inset;
	
	behavior: url(ie-css3.htc);
}

ul.body-wrapper li:before { 
	z-index: -2; 
	position: absolute; 
	background: transparent; 
	width: 90%; 
	height: 80%; 
	content: ''; 
	left: 20px; 
	bottom:8px; 
	
	-webkit-transform: skew(-12deg) rotate(-4deg); 
	-moz-transform:skew(-12deg) rotate(-4deg); 
	-o-transform: skew(-12deg) rotate(-4deg); 
	-ms-transform: skew(-12deg) rotate(-4deg); 
	
	-webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6); 
	-moz-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6); 
	-o-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6); 
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.6); 
	
	behavior: url(ie-css3.htc);
}



ul.body-wrapper li:after { 
	z-index: -1; 
	position: absolute; 
	background: transparent; 
	width: 90%; 
	height: 80%; 
	content: ''; 
	right:20px;  
	bottom:8px; 
	
	-webkit-transform: skew(12deg) rotate(4deg); 
	-moz-transform:skew(12deg) rotate(4deg); 
	-o-transform: skew(12deg) rotate(4deg); 
	-ms-transform: skew(12deg) rotate(4deg); 
	
	-webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6); 
	-moz-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6); 
	-o-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6); 
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.6); 
	
	behavior: url(ie-css3.htc);

} 
/* about */
.aboutbox-wrapper{ font-size:22px; }